<template>
    <div>
        <mt-header fixed title="选择城市" class="mheader">
            
            
            <mt-button icon="back" slot="left"><router-link to="/">返回</router-link></mt-button>
            
         </mt-header>

        
        <mt-navbar v-model="navactive3" class="fenleitop">
            <mt-tab-item id="1">
                <!-- <img src="../assets/list.png" slot='icon'> -->
                当前城市</mt-tab-item>
         
            <mt-tab-item id="2">
                <!-- <img src="../assets/search2.png" slot='icon'> -->
                热门城市</mt-tab-item>
        </mt-navbar>

        <mt-index-list>
            <mt-index-section index="热门城市" v-model="hotitem">
                <mt-cell title="北京"></mt-cell>
                <mt-cell title="上海"></mt-cell>
                <mt-cell title="广州"></mt-cell>
                <mt-cell title="深圳"></mt-cell>
                <mt-cell title="杭州"></mt-cell>
                <mt-cell title="厦门"></mt-cell>
                <mt-cell title="西安"></mt-cell>
                <mt-cell title="济南"></mt-cell>
                <mt-cell title="佛山"></mt-cell>
            </mt-index-section>

            <mt-index-section index="B">
                <mt-cell title="北京"></mt-cell>
            </mt-index-section>
            
            <mt-index-section index="C">
                <mt-cell title="成都"></mt-cell>
                <mt-cell title="长春"></mt-cell>
                <mt-cell title="长沙"></mt-cell>
                <mt-cell title="重庆"></mt-cell>
            </mt-index-section>
       
            <mt-index-section index="D">
                <mt-cell title="大连"></mt-cell>
                <mt-cell title="东莞"></mt-cell>
            </mt-index-section>
            
            <mt-index-section index="F">
                <mt-cell title="福州"></mt-cell>
                <mt-cell title="佛山"></mt-cell>
            </mt-index-section>

            <mt-index-section index="G">
                <mt-cell title="广州"></mt-cell>
            </mt-index-section>

            <mt-index-section index="H">
                <mt-cell title="合肥"></mt-cell>
                <mt-cell title="杭州"></mt-cell>
            </mt-index-section>

            <mt-index-section index="J">
                <mt-cell title="济南"></mt-cell>
            </mt-index-section>

            <mt-index-section index="N">
                <mt-cell title="南京"></mt-cell>
                <mt-cell title="南通"></mt-cell>
                <mt-cell title="宁波"></mt-cell>
            </mt-index-section>

            <mt-index-section index="Q">
                <mt-cell title="青岛"></mt-cell>
            </mt-index-section>

            <mt-index-section index="S">
                <mt-cell title="苏州"></mt-cell>
                <mt-cell title="石家庄"></mt-cell>
                <mt-cell title="沈阳"></mt-cell>
                <mt-cell title="深圳"></mt-cell>
                <mt-cell title="上海"></mt-cell>
            </mt-index-section>

            <mt-index-section index="T">
                <mt-cell title="天津"></mt-cell>
                <mt-cell title="太原"></mt-cell>
            </mt-index-section>

            <mt-index-section index="W">
                <mt-cell title="无锡"></mt-cell>
                <mt-cell title="武汉"></mt-cell>
            </mt-index-section>

            <mt-index-section index="X">
                <mt-cell title="厦门"></mt-cell>
                <mt-cell title="西安"></mt-cell>
                <mt-cell title="徐州"></mt-cell>
            </mt-index-section>

             <mt-index-section index="Y">
                <mt-cell title="烟台"></mt-cell>
            </mt-index-section>

             <mt-index-section index="Z">
                <mt-cell title="珠海"></mt-cell>
                <mt-cell title="中山"></mt-cell>
                <mt-cell title="郑州"></mt-cell>
            </mt-index-section>
        </mt-index-list>

    </div>
</template>

<script>
    export default{
        data(){
            return{
                navactive3:'1',
                hotitem:'3',
                selected:'indexlist'     
            }
        }
    }
</script>
<style scoped>
    .fenleitop{
        margin-top: 50px;

    }
</style>
